<script lang="ts" setup>
import HeaderMenu from 'src/components/HeaderMenu.vue'
</script>

<template>
  <HeaderMenu />

  <router-view v-slot="{ Component }">
    <q-layout>
      <q-page-container>
        <Transition
          appear
          enter-active-class="animated fadeIn"
          leave-active-class="animated fadeOut"
        >
          <KeepAlive>
            <component :is="Component" />
          </KeepAlive>
        </Transition>
      </q-page-container>
    </q-layout>
  </router-view>
</template>
